body {
    font-family: var(--dl-font-family);
    font-weight: var(--dl-font-weight-primary);
    font-size: var(--dl-font-size-base);
    color: var(--dl-text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

a {
    color: var(--dl-text-color-primary);
    text-decoration: none;
    &:hover,
    &:focus {
        color: var(--dl-color-primary-light-3);
    }
    &:active {
        color: var(--dl-color-primary-dark-2);
    }
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: inherit;
}


p {
    margin: 0;
}   

ul,ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

small {
    font-size: var(--dl-font-size-small);
}

hr {
    margin: 0;
    border: 0;
    border-top: 1px solid var(--dl-border-color);
}








